import React from 'react' ;
import './header.scss' ;

import { Row,Col } from 'antd' ;

import $ from 'jquery' ;

class Header extends React.Component{
    Alert(e){
        $(".header a").removeClass('activeClassLink') ;
        $(e.target).addClass('activeClassLink') ;
    }
    render(){
        return(
            <header className='container header'>
                <Row gutter={24}>
                    <Col span={24}>
                        <a href={`/#/`} onClick={this.Alert.bind(this)} className={`activeClassLink`}>网站首页</a>
                        <a href={`/#/Jobhunting`} onClick={this.Alert.bind(this)}>求职招聘</a>
                        <a href={`/#/Vocationaltraining`} onClick={this.Alert.bind(this)}>就业培训</a>
                        <a href={`/#/personnelAssessment/FillInfomation`} onClick={this.Alert.bind(this)}>人才测评</a>
                        <a href={`/#/Personneldeclaration`} onClick={this.Alert.bind(this)}>人才申报</a>
                        <a href={`/#/Electronicmap`} onClick={this.Alert.bind(this)}>电子地图</a>
                        <a href={`/#/Officehall`} onClick={this.Alert.bind(this)}>办事大厅</a>
                        <a href={`/#/Talentpolicy`} onClick={this.Alert.bind(this)}>人才政策</a>
                        <a href={`/#/TalentClub`} onClick={this.Alert.bind(this)}>人才俱乐部</a>
                    </Col>
                </Row>
            </header>
        )
    }
}

export default Header ;